<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>AZ India</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="styles/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
 <link href="styles/font-awesome.min.css" rel="stylesheet" type="text/css" />



<link href="styles/style.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- Main S -->
<div class="main_respo">
  <!-- header S -->
  <div class="header_out">
    <div class="header_in">
      <div class="header"> <a href="#" class="logo"> <img src="images/logo.png" alt="AZ India" /> </a>
        <div class="header_right">
          <div class="h_r_lr"> <a href="#" class="h_register"><i class="fa fa-lock"></i> REGISTER</a> <a href="#" class="h_login"><i class="fa fa-user-plus"></i> LOGIN</a></div>
          <!--<div class="h_r_nav"> <a href="#">Security</a><a href="#">Local</a> <a href="#">Blogs</a><a href="#">Services</a><a href="#">Directory</a> <a href="#">Jobs</a><a href="#">Classifieds</a><a href="#">Events <img src="images/arrow.png" /></a> </div>-->
          
         <div class="h_r_nav"> 
       <nav class="navbar navbar-default" role="navigation">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" 
         data-target="#example-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
    <a class="dn" class="navbar-brand" href="#">Menu</a> </div>
  <div class="collapse navbar-collapse" id="example-navbar-collapse">
    <ul class="nav navbar-nav">
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Local <i class="fa fa-angle-down"></i></a>
        <ul class="dropdown-menu">
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
        </ul>
      </li>
      <li> <a href="#">Blogs</a></li>
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Services <i class="fa fa-angle-down"></i></a>
        <ul class="dropdown-menu">
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
        </ul>
      </li>
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Directory <i class="fa fa-angle-down"></i></a>
        <ul class="dropdown-menu">
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
        </ul>
      </li>
      <li> <a href="#">Jobs</a></li>
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Classifieds <i class="fa fa-angle-down"></i></a>
        <ul class="dropdown-menu">
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
        </ul>
      </li>
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <i class="fa fa-angle-down"></i></a>
        <ul class="dropdown-menu">
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
        </ul>
      </li>
    </ul>
  </div>
</nav>  
          
     </div>       
        </div>
      </div>
    </div>
  </div>
  <!-- header E -->
  <!-- Banner S -->
  <div class="login_out">
    <div class="login_in">
      <div class="login">
      
      
      
        <div class="login_left">
          <h3 class="fosw3">Welcome to AZIndia</h3>
          <h2 class="fosw3">this is the place for Classifieds, EVENTS and Movie Reviews</h2>    
          <div class="login_form">
          <div class="login_form_row">
              <input placeholder="First Name" class="login_form1" type="form" />
              <input placeholder="Last Name" class="login_form2" type="form" />
            </div>            
            <div class="login_form_row">
              <input placeholder="Email ID" class="login_form1" type="form" />
              <input placeholder="Company" class="login_form2" type="form" />
            </div>            
            <div class="login_form_row">
              <input placeholder="Address" class="login_form1" type="form" />
              <input placeholder="City" class="login_form2" type="form" />
            </div>            
            <div class="login_form_row">
              <select class="login_sel1">
              <option>Select State</option>
              <option></option>
            </select>
              <input placeholder="Zip Code" class="login_form2" type="form" />
            </div>            
             <div class="login_form_row">
             <input placeholder="Phone" class="login_form1" type="form" />
              <input placeholder="Choose Logo" class="login_form2" type="file" />
            </div> 
            <div class="login_form_row1">
            <span> <input type="checkbox" /> Receive Emails about special offers & Monthly Newsletter </span>
            <span> <input type="checkbox" /> Receive Emails when new movie reviews are added </span>
            </div> 
            <div class="login_form_row2"> <a class="btn_register be1" href="#">REGISTER</a> </div>
          </div>
        </div>
      
       <div class="login_or fosw3">[ OR ]</div>
      
       <div class="login_connect fosw4">
       <a class="lcf be1" href="#"><i class="fa fa-facebook"></i> CONNECT WITH FACEBOOK</a>
        <a class="lct be1" href="#"><i class="fa fa-twitter"></i> CONNECT WITH TWITTER</a>
         <a class="lcg be1" href="#"><i class="fa fa-google-plus"></i> CONNECT WITH GOOGLE</a>
       </div>
      
      
      
      
      </div>
    </div>
  </div>
  <!-- Banner E -->
 
 
 
 
  <!-- Foo1 S -->
  <div class="foo1_out">
    <div class="foo1_in">
      <div class="foo1">
        <div class="foo1_col1 fc_w1">
          <h2>Information</h2>
          <ul>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Delivery Information</a></li>
            <li><a href="#">Privacy Policy</a></li>
            <li><a href="#">Terms & Conditions</a></li>
          </ul>
        </div>
        <div class="foo1_col1 fc_w1">
          <h2>My Account</h2>
          <ul>
            <li><a href="#">My Account</a></li>
            <li><a href="#">Order History</a></li>
            <li><a href="#">Wish List</a></li>
            <li><a href="#">Newsletter</a></li>
          </ul>
        </div>
        <div class="foo1_col1 fc_w2">
          <h2>Join Our Newsletters</h2>
          <p class="f1c1_p1">AZIndia will add your details to our newsletter
            mailing list.</p>
          <div class="f1c1_search">
            <input type="text" class="f1c1_tebox">
            <a href="#" class="f1c1_btn1 be1">GO</a> </div>
        </div>
        <div class="foo1_col1 fc_w1">
          <h2>Follow Us</h2>
          <ul>
            <li><a href="#"><i class="fa fa-facebook"></i><b class="fwn">Follow Us on</b> Facebook</a></li>
            <li><a href="#"><i class="fa fa-linkedin"></i><b class="fwn">Follow Us on</b> linkedin</a></li>
            <li><a href="#"><i class="fa fa-twitter"></i><b class="fwn">Follow Us on</b> twitter</a></li>
            <li><a href="#"><i class="fa fa-youtube"></i><b class="fwn">Follow Us on</b> Youtube</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- Foo1 E -->
  <!-- Foo1 S -->
  <div class="foo2_out">
    <div class="foo2_in">
      <div class="foo2"> <span class="foo2_col1"> All rights reserved © 2015
        <label class="clr_1">AZIndia</label>
        </span>
        <div class="foo2_col2"> <a href="#"><img src="images/img_f9.png" /></a> <a href="#"><img src="images/img_f8.png" /></a> <a href="#"><img src="images/img_f7.png" /></a> <a href="#"><img src="images/img_f6.png" /></a> <a href="#"><img src="images/img_f5.png" /></a> </div>
      </div>
    </div>
  </div>
  <!-- Foo1 E -->
</div>
<!-- Main E -->
</body>
</html>
